<template>
	<view class="swiper">
		<u-swiper :list="swiperList" :height="348" mode="rect" name="img_url"></u-swiper>
	</view>
</template>

<script>
	export default {
		options: {
			styleIsolation: 'shared'
		},
		props: {
			swiperList: {
				type: Array,
			}
		},
		data() {
			return {
				// list:[
				// 	{
				// 		img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/2d683147-d832-4cff-b3cd-348b2469cbca.png',
				// 	},{
				// 		img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/0376f705-1feb-4329-ae27-dee586f69af3.png',
				// 	},{
				// 		img:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/0caa95d8-0c38-49ed-9821-436eefbd9997.png'
				// 	}
				// ]
			}
		},
		methods: {
			toDetail(index) {
				if (this.swiperList[index].article_id) {
					this.$u.route(`/pages/article_detail/articleDetail?id=${this.swiperList[index].article_id}`)
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./swiper.scss";
</style>
